<%
var containerParam = {
	title: '职介一览',
	currentMenu: 'class',
	jsArray: [ctxPath + '/js/class/show.js'],
	breadcrumbMap: {
		'首页': ctxPath + '/',
		'职介一览': null
	}
};
layout('/common/_website_container.html', containerParam){
%>
<div class="layui-card">
	<div class="layui-card-body">
		<table id="table" class="layui-table" lay-skin="line" lay-filter="table">
			<thead>
				<tr>
					<th lay-data="{field: 'name'}">名称</th>
					<th lay-data="{field: 'jName'}">日文名称</th>
					<th lay-data="{field: 'icon'}">图标</th>
					<th lay-data="{field: 'image'}">卡背</th>
					<th lay-data="{field: 'damage', sort: true}">伤害系数</th>
					<th lay-data="{field: 'collectingStars', sort: true}">集星权重</th>
					<th lay-data="{field: 'starRate', sort: true}">出星率</th>
				</tr>
			</thead>
			<tbody>
				<% for (class in classes) { %>
				<tr>
					<td>${class.name}</td>
					<td>${class.jName}</td>
					<td>
						<div class="table-image">
							<% if (isNotEmpty(class.goldenIcon)) { %><img src="${@ImageUtils.getImageUrl(class.goldenIcon, 40)}" layer-src="${@ImageUtils.getImageUrl(class.goldenIcon)}" alt="${class.name}"><% } %>
							<% if (isNotEmpty(class.silverIcon)) { %><img src="${@ImageUtils.getImageUrl(class.silverIcon, 40)}" layer-src="${@ImageUtils.getImageUrl(class.silverIcon)}" alt="${class.name}"><% } %>
							<% if (isNotEmpty(class.bronzeIcon)) { %><img src="${@ImageUtils.getImageUrl(class.bronzeIcon, 40)}" layer-src="${@ImageUtils.getImageUrl(class.bronzeIcon)}" alt="${class.name}"><% } %>
							<% if (isNotEmpty(class.blackIcon)) { %><img src="${@ImageUtils.getImageUrl(class.blackIcon, 40)}" layer-src="${@ImageUtils.getImageUrl(class.blackIcon)}" alt="${class.name}"><% } %>
						</div>
					</td>
					<td>
						<div class="table-image">
							<% if (isNotEmpty(class.goldenImage)) { %><img src="${@ImageUtils.getImageUrl(class.goldenImage, 40)}" layer-src="${@ImageUtils.getImageUrl(class.goldenImage)}" alt="${class.name}"><% } %>
							<% if (isNotEmpty(class.silverImage)) { %><img src="${@ImageUtils.getImageUrl(class.silverImage, 40)}" layer-src="${@ImageUtils.getImageUrl(class.silverImage)}" alt="${class.name}"><% } %>
							<% if (isNotEmpty(class.bronzelmage)) { %><img src="${@ImageUtils.getImageUrl(class.bronzelmage, 40)}" layer-src="${@ImageUtils.getImageUrl(class.bronzelmage)}" alt="${class.name}"><% } %>
							<% if (isNotEmpty(class.blackImage)) { %><img src="${@ImageUtils.getImageUrl(class.blackImage, 40)}" layer-src="${@ImageUtils.getImageUrl(class.blackImage)}" alt="${class.name}"><% } %>
						</div>
					</td>
					<td>${class.damage}</td>
					<td>${class.collectingStars}</td>
					<td><% if (isNotEmpty(class.starRate)) { %>${class.starRate}%<% } %></td>
				</tr>
				<% } %>
			</tbody>
		</table>
	</div>
</div>

<div class="layui-card">
	<div class="layui-card-header">职介相性</div>
	<div class="layui-card-body">
		<table class="layui-table text-center">
			<thead>
				<tr>
					<th class="text-center">攻\防</th>
					<% for (class in classes) { %>
					<th class="text-center"><img src="${@ImageUtils.getImageUrl(class.goldenIcon, 30)}"></th>
					<% } %>
				</tr>
			</thead>
			<tbody>
				<% for (class in classes) { %>
				<tr>
					<td class="table-th"><img src="${@ImageUtils.getImageUrl(class.goldenIcon, 30)}"></td>
					<% for (class1 in classes) { %>
					<td>${classIntermediaryMap[class.id][class1.id]}</td>
					<% } %>
				</tr>
				<% } %>
			</tbody>
		</table>
	</div>
</div>

<!-- 底部栏 start -->
<% layout('/common/_website_footer.html'){} %>
<!-- 底部栏 end -->

<% } %>
